
/* 
页脚透明 */
#footer{
  background: transparent!important;
}
/* 头图透明 */
#page-header{
  background: transparent!important;
}
/*top-img黑色透明玻璃效果移除，不建议加，除非你执着于完全一图流或者背景图对比色明显 */
#page-header:not(.not-top-img):before {
  background-color:  #00000026 ;
  background-color: transparent!important;
}
/*夜间模式伪类遮罩层透明*/
[data-theme="dark"]
  #footer::before{
      background: transparent!important;
    }
[data-theme="dark"]
  #page-header::before{
    background: transparent!important;
    }

  #footer-wrap {
      background: transparent!important
  }
  #footer, #footer:before,#footer-wrap {
    background-color:  rgba(0, 0, 0, 0.15) ;
    background: transparent!important
}
/* 以下透明度设置 */
#content-inner {
  --light_bg_color: hsla(0,0%,100%,0.7);
  --dark_bg_color: rgba(18,18,18,0.8);
  --light_page_color: hsla(0,0%,100%,0.8);
  --dark_page_color: rgba(18,18,18,0.8);
  --light_link-bg: rgba(237,240,247,0.6);
  --dark_link-bg: rgba(237,240,247,0.05);
  --light_copyright-bg: rgb(255, 255, 255);
  --dark_copyright-bg: rgba(237,240,247,0.05);
}
/* 文章页及首页卡片透明 */
#recent-posts>.recent-post-item,.layout>div:first-child:not(.recent-posts),.layout_post>#page,.layout_post>#post,.read-mode .layout_post>#post {
  background: var(--light_page_color)
}
/* 侧边栏透明 */
#aside-content .card-widget {
  background: var(--light_bg_color)
}
/*侧边栏深色页面透明 */
[data-theme=dark] #aside-content .card-widget {
  background: var(--dark_bg_color)
}
/*首页深色页面透明 */
[data-theme=dark] #recent-posts>.recent-post-item,[data-theme=dark] .layout>div:first-child:not(.recent-posts),[data-theme=dark] .layout_post>#page,[data-theme=dark] .layout_post>#post,[data-theme=dark] .read-mode .layout_post>#post {
  background: var(--dark_page_color)
}
/*友链边框 */
#article-container .flink .flink-list>.flink-list-item {
  background: var(--light_link-bg)
}
/*友链深色页面边框 */
[data-theme=dark] #article-container .flink .flink-list>.flink-list-item {
  background: var(--dark_link-bg)
}
/*版权页面浅色 */
#post .post-copyright {
  background: var(--light_copyright-bg)
}
/*版权页面深色 */
[data-theme=dark] #post .post-copyright {
  background: var(--dark_copyright-bg)
}


#page-header:not(.not-top-img):before {
  background-color: #ffffff00;
}
#page-header {
  background-color: #ffffff00;
}